import "@testing-library/jest-dom"
import { describe, expect, it } from "vitest"
import { render, screen } from "../../__tests__/test-utils"
import { {{pascalCase name}} } from "../index"

describe("{{pascalCase name}}", () => {
	it("renders correctly", () => {
		render(<{{pascalCase name}}>Test</{{pascalCase name}}>)
		expect(screen.getByText("Test")).toBeInTheDocument()
	})

	it("forwards ref correctly", () => {
		const ref = { current: null }
		render(<{{pascalCase name}} ref={ref}>Test</{{pascalCase name}}>)
		expect(ref.current).toBeInstanceOf(HTMLDivElement)
	})
})
